
import basicDemoComp from '../page/basic/index.vue'
import attrDemo from '../page/basic/vueStudyChild/attrDemo.vue'
import classStyleDemo from '../page/basic/vueStudyChild/classStyleDemo.vue'
import jsxDemo from '../page/basic/jsxDemo.vue'
import eventDemo from '../page/basic/vueStudyChild/eventDemo.vue'
import vueStudy from '../page/basic/vueStudyChild/vueStudy.vue'
import vmodalDirective from '../page/basic/vueStudyChild/vmodalDirective.vue'
import sassDemo from '../page/basic/vueStudyChild/sassDemo.vue'
import vuexStudyDemo from '../page/basic/vuexStudyDemo.vue'
import customVmodelDemo from '../page/basic/vueStudyChild/customVmodelDemo.vue'


import getDataRouter from './getDataRouter'

export default {
    path: '/basic',
    title: '基本demo',
    component: basicDemoComp,
    children: [
        {
            name:"basic-basic-vueStudy",// 工程名-路径-文件名
            path: 'vueStudy', // 组件名称
            title: 'vue基础',
            component: vueStudy, // 引入的组件名
            children: [
                {
                    name:"basic-basic-vueStudy-vmodalDirective",// 工程名-路径-文件名
                    path: 'vmodalDirective', // 组件名称
                    title: 'v-modal指令学习',
                    component: vmodalDirective, // 引入的组件名
                },
                {
                    name:"basic-basic-vueStudy-attrDemo",
                    path: 'attrDemo',
                    title: '添加属性',
                    component: attrDemo
                },
                {
                    name:"basic-basic-vueStudy-classStyleDemo",
                    path: 'classStyleDemo',
                    title: 'style和class',
                    component: classStyleDemo
                },
                {
                    name:"basic-basic-vueStudy-eventDemo",
                    path: 'eventDemo',
                    title: 'event事件语法',
                    component: eventDemo
                },
                {
                    name:"basic-basic-vueStudy-sassDemo",
                    path: 'sassDemo',
                    title: 'sass语法',
                    component: sassDemo
                },
                {
                    name:"basic-basic-vueStudy-customVmodelDemo",
                    path: 'customVmodelDemo',
                    title: '自定义v-model',
                    component: customVmodelDemo
                },
            ]
        },
        {
            name:"basic-basic-jsxDemo",
            path: 'jsxDemo',
            title: 'jsx使用',
            component: jsxDemo
        },
        {
            name:"basic-basic-vuexStudyDemo",
            path: 'vuexStudyDemo',
            title: 'vuex学习demo',
            component: vuexStudyDemo
        },
    ]
      .concat(getDataRouter)
}
